<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="/gaspider/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="/gaspider/easyui/themes/icon.css">
	<script type="text/javascript" src="/gaspider/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="/gaspider/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="/gaspider/easyui/locale/easyui-lang-zh_CN.js"></script>
	<style>
		
		*{
			margin:0;
			padding:0;
		}
		.setting{
			background-color:#F8F8F8;
			width:100%;
			height:15%;
		}
		.content{
			//border:2px solid green;
			height:85%;
		}
		body,html{
			//border:2px solid black;
			height:100%;
			//width:100%;
		}
		
	 
	</style>
</head>
<body>
		<div class="setting">
				开发区：<input type="text">
				文章分类：<input type="text">
				标题：<input type="text">
				发布时间：<input type="text">
				<button>查询</button>
				<button>重置</button>
		</div>
		<div class="content">
			<table id="dg"></table>
		</div>
</body>
</html>
<script>
$(function(){
	function openWindow(url){
		window.parent.$('#win').window({    
		    width:900,    
		    height:500, 
		    content:'<div style="overflow:hidden;width:100%;height:100%;"><iframe src="'+url+'" frameborder="0" width="100%" height="100%"><iframe></div>',
		    modal:true   
		});
	}
	$("#dg").datagrid({    
	    url:'/gaspider/test/fun.do', 
	    fit:true,
	    pagination:true,
	    idField:"id",
	    fitColumns:true,
	    columns:[[    
				{
					field : 'id',
					title : 'id',
					width:200,
					align:'center'
				}, {
					field : 'username',
					title : 'username',
					width:200,
					align:'center'
				} ]]
	});
});
</script>